<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>出库单列表</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css">
</head>
<script type="text/html" id="barDemo">
    <input type="button" value="查看" lay-event="detail"  class="layui-btn layui-btn-sm">
    <input type="button" value="退回" lay-event="del"  class="layui-btn layui-btn-sm layui-btn-danger">
</script>

<body>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>出库单列表</legend>
    </fieldset>

    <form class="layui-form" action="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">出库单类型:</label>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select id="chukuType">
                            <option value="">请选择出库单类型</option>
                        </select>
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">出库单状态:</label>
                    <div class="layui-input-inline">
                        <select id="statusList">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">

                <div class="layui-inline">
                    <label class="layui-form-label">起始日期:</label>
                    <div class="layui-input-inline">
                        <input type="text" id="createDate1" placeholder="单击此处选择时间" class="layui-input" />
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">终止日期:</label>
                    <div class="layui-input-inline">
                        <input type="text" id="createDate2" placeholder="单击此处选择时间" class="layui-input" />
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <button type="button" id="find" data-type="reload" lay-submit="" lay-filter="find" name="select"
                            class="layui-btn-normal layui-btn">查询</button>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </form>


    <div class="layui-container">
        <div class="layui-tab-item layui-show">
            <table class="layui-table" id="test" lay-filter="test">

                </tbody>
            </table>

        </div>
    </div>
    <script type="text/javascript" src="lib/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="lib/layui/layui.js"></script>
    <script type="text/javascript" src="lib/js/chuku.js"></script>
</body>

</html>